<template>
    <div class="root">
        
		<!-- <router-view v-slot="{ Component}">
            <keep-alive :include="includeList">
                <component :is="Component" ></component>
            </keep-alive>
        </router-view> -->
        <router-view></router-view>
    </div>
	
</template>
<script lang='ts'>
import { defineComponent, onMounted, reactive ,ref, watch} from 'vue'
import {useRouter} from 'vue-router'
import {useStore} from 'vuex'
export default defineComponent({
  name: 'App',

  setup() {
	const router = useRouter()
    const store = useStore()
    const includeList = ref(['home'])
    // onMounted(()=>{
    //     router.push('/home')
    // })
    // watch(()=>store.state.activeIndex,(newvalue,oldvlue)=>{
    //     includeList.value.push(newvalue)

    //     const tab = [...new Set(includeList.value)]
    //     includeList.value = tab
    //     console.log(includeList.value,'includelist')
        
    // })
	return {
        includeList
    }
  }
})
</script>


<style lang="less">
@import url('../public/css/index');
.root{
    width:100%;
    height: 100%;
    overflow: hidden;
    // background: #d4d4d4;
}
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	padding: 0;
	margin: 0;
    width:100%;
    height: 100%;
}
body{
	margin: 0;
	padding: 0;
    width:100%;
    height: 100%;
}
html{
    width:100%;
    height: 100%;
}

</style>


